<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>dragpicture_innerparent</title>
    <script type="text/javascript" src="../jquery-3.2.1.js"></script>
    <link href="dragpicture_innerparent.css" rel="stylesheet"/>
</head>
<body>

    <div id="div_picture_real" class="range_picture real_position_div">
        <img id="img_picture_real" class="img_picture" src="../timg.jpg" />
    </div>

    <div id="div_picture_compare" class="range_picture compare_position_div">
        <img id="img_picture_compare" class="img_picture" src="../timg.jpg" />
    </div>

    <script type="text/javascript" src="dragpicture_innerparent.js"></script>
</body>
</html>